<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
    <title>
        打赏看视频
    </title>
    <script src="http://{{ env('QINIU_DOMAIN') }}/dashang/jquery.js"></script>
    <script src="http://{{ env('QINIU_DOMAIN') }}/dashang/jquery.dialog.js"></script>
    <script src="http://{{ env('QINIU_DOMAIN') }}/dashang/layer.js" type="text/javascript"></script>
    <script type="text/javascript">
        //调用微信JS api 支付
        function jsApiCall() {
            WeixinJSBridge.invoke(
                'getBrandWCPayRequest',
                {"appId":"wx2d6cffe19f39ff80","nonceStr":"9jPSODdmjZPfb1ST","package":"prepay_id=wx201711062329158c139f1d290559426744","signType":"MD5","timeStamp":"1509982155","paySign":"D1030E225E465E415B066B4B34E5F1E6"},
                function (res) {
                    //WeixinJSBridge.log(res.err_msg);
                    if (res.err_msg == 'get_brand_wcpay_request:ok') {
                        setTimeout("window.location.href = '/show/media/260.html'", 500);
                    }else{
                        WeixinJSBridge.log(res.err_code+res.err_desc+res.err_msg);
                    }

                }
            );
        }

        function callpay() {
            if (typeof WeixinJSBridge == "undefined") {
                if (document.addEventListener) {
                    document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
                } else if (document.attachEvent) {
                    document.attachEvent('WeixinJSBridgeReady', jsApiCall);
                    document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
                }
            } else {
                jsApiCall();
            }
        }
    </script>
    <link href="/dashang/expense.css" type="text/css" rel="stylesheet" />
    <style>
        .content{width:100%;height:100%;position: relative;text-align: center;margin:0 auto;}
        .sheng{position:fixed;border:3px solid #fcbd49;color:#fcbd49;height:40px;line-height:40px;width:46%;left:27%;top:45%;text-align:center;border-radius:10px;z-index:999;display:none;}
        .nav{width:300px;height:300px;margin:50px auto;z-index: 2;position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
        .nav img{width:300px;height:340px;z-index: 2;margin:0 auto;}
        .nav .p1{width:100%;z-index: 3;position: absolute;top:2%;color:#ffdeb3;text-align: center;font-weight:bold;}
        .nav .tou{width:40px;height:40px;border-radius: 50%;background: #ffdeb3;position: absolute;top:38px;left:44%;z-index: 3;}
        .nav .tou img{width:40px;height:40px;border-radius: 50%;position: absolute;top:0;left:0;z-index: 3;}
        .nav .p3{color:#ffdeb3;position: absolute;top:37%;left:35%;z-index: 3;font-size: 30px;width:30%;display:block;}
        .nav .p2{top: 50%;position: absolute; text-align: center;width: 100%;color: #f5dbb6; font-size: 12px;}
        .nav .p5{top: 67%;position: absolute; text-align: center;width: 100%;color: #f5dbb6; font-size: 12px;}
        .nav .sui{color:#ffdeb3;font-size: 20px;z-index: 3;position: absolute;top:50%;left:22%;}
        .nav .movement{color:#ffdeb3;font-size: 20px;z-index: 3;position:absolute;top:50%;right:22%;}
        .nav ul li a{color:#ffdeb3;text-decoration: none;}
        .nav .reward{width:70%;height:50px;position: absolute;top:75%;left:15%;}
        .nav .reward .submit{width:100%;height:40px;background:none;border:none;background:#fae2b2;color:#d35b4d;border-radius:10px;font-size:15px;}
        .nav .reward .submit:hover{background:#f9f7cd;}
        .nav .reward .submit1{width:100%;height:40px;border:1px solid #fff09b;color:#fff09b;border-radius:10px;font-size:15px;    background: none;margin-top:10px;}
        .daxiao{position:fixed;bottom:70px;;z-index:9999;width:100%;height:30px;line-height:30px;text-align:center;color:#fff;}
        .footer{position:fixed;bottom:0;z-index:9999;width:100%;height:50px;background:#323136;line-height:50px;text-align:center;}
        .footer a{background:url(http://{{ env('QINIU_DOMAIN') }}/dashang/tousu.png) no-repeat 6px;; background-size:30px 20px;color:#fff;display:block;width:100px;margin:0 auto;}
        .erwei{ width: 100%; height: 100%;background: rgba(120,120,120,0.7); position: absolute;top: 0;z-index: 2;"}
        .erwei .erweima{width:160px;height:160px;background:#fff;}
        .erwei .erweima img{width:150px;height:150px;}
    </style>
</head>

<body>
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="http://{{ env('QINIU_DOMAIN') }}/dashang/backgroud.jpg" width="100%" height="100%" /></div>
<p class="sheng">
    <a onClick="da()">
        打赏看视频
    </a>
</p>
<div class="content">
    <div class="nav">
        <img src="/dashang/redpacket.png" />

        <p class="p1"><a onClick="dj()" style="position: absolute; top: 0; left: 4%;font-size:30px;color:#9d2129;">×</a>
            打赏看视频
        </p>
        <div class="tou">
            <img src="" /> </div>
        <p class="p3">1.86<span style="font-size:12px;">元</span></p>
        <p class="p2">
            打赏看视频，
            金额随机
        </p>
        <p class="p5">(内容由用户发布，并非平台提供，赏金归发布者)</p>
        <div class="reward">
            <input type="button" onClick="callpay()" class="submit" value="打赏">
            <input type="submit" class="submit1" onClick="sc()" value="我也要生成">
        </div>
    </div>
</div>
<div class="daxiao">视频大小：8.44M，时长00:02:42分</div>

<div class="footer"><a href="/complaint/reason/260.html">投诉</a></div>
<div style="width:100%;height:100%;background:#000;position:fixed;top:0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity:0.5;"
     id="touming"></div>
<div class="erwei" style="display:none;">
    <div class="erweima" style="width:200px;height:200px;background:#fff;margin:0 auto;position:relative;border-radius:10px;margin-top:35%;">
        <p style="border-bottom:1px solid #ccc;    text-align: center;height:30px;"><a onClick="dianji()" style="position: absolute; top: 0; left: 4%;font-size:26px;">×</a> 长按扫描二维码</p>
        <p style="font-size:12px;text-align: center;">通过扫描二维码进去</p>
        <img src="http://src.789w.cn/uploads/20171106/21254f4a402ef7ef07a1f0c271a46144.jpg" style="width:150px;height:150px;margin-left:25px;" />
    </div>
</div>
</body>
</html>
<script>
    function dj() {
        $('.nav').css('display', 'none');
        $('.sheng').css('display', 'block');
    }
    function da() {
        $('.nav').css('display', 'block');
        $('.sheng').css('display', 'none');
    }
    function sc() {
        $('.erwei').css('display', 'block');

    }
    function dianji() {
        $('.erwei').css('display', 'none');

    }
</script>